/* Copyright 2018 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

a {
  color: var(--google-blue-600);
  font-weight: 400;
  text-decoration: none;
}

oobe-dialog {
  height: 100%;
}

cr-dialog::part(dialog)  {
  max-width: 640px;
  min-width: 512px;
  width: calc(100% - var(--oobe-dialog-content-padding) * 2);
}

oobe-adaptive-dialog {
  --oobe-dialog-header-padding-top: calc(var(--oobe-dialog-content-padding) -
           var(--caption-bar-height));
}

oobe-adaptive-dialog,
oobe-content-dialog {
  --oobe-adaptive-dialog-back-button-vertical-padding:
      calc(var(--oobe-adaptive-dialog-buttons-vertical-padding) -
          var(--caption-bar-height) / 2);
}

:host-context([orientation=vertical]:not([screen=oobe])) oobe-adaptive-dialog {
  --oobe-adaptive-dialog-content-padding: 64px;
}

webview {
  user-select: none;
}

.line {
  background-color: rgb(218, 220, 224);
  height: 1px;
  margin: 8px 0 8px 0;
}

.content {
  color: var(--google-grey-700);
  font: 13px Roboto, sans-serif;
  line-height: 16px;
}

#next-button {
  margin-inline-end: 0;
}

:host-context([orientation=horizontal]) #animation-container {
  height: 240px;
  transform: translate(-40px, -12px);
  width: 340px;
}

:host-context([orientation=horizontal][screen=oobe]) #animation-container {
  transform: translate(-48px, -12px);
}

:host-context([orientation=vertical]) #animation-container {
  min-height: 280px;
  padding-bottom: 20px;
  transform: translateX(-8px);
  width: 100%;
}

@media screen and (max-height: 1040px) {
  :host-context([orientation=vertical][screen=oobe]) #animation-container {
    display: none;
  }

  :host-context([orientation=vertical][screen=oobe])
      oobe-adaptive-dialog {
    --oobe-adaptive-dialog-content-top-padding:
        var(--oobe-adaptive-dialog-header-top-padding);
  }
}

@media screen and (max-height: 825px) {
  :host-context([orientation=vertical]:not([screen=oobe]))
      #animation-container {
    display: none;
  }

  :host-context([orientation=vertical]:not([screen=oobe]))
      oobe-adaptive-dialog {
    --oobe-adaptive-dialog-content-top-padding:
        var(--oobe-adaptive-dialog-header-top-padding);
  }
}
